﻿/*================================================重写样式=================================================*/

.table-hover tr:hover > th { background-color: #F1F1F1 !important; }
.table-hover tr:hover > td { background-color: #ebf2f9 !important; }
.table td, .table th { padding: 6px; font-weight: 400; vertical-align: inherit; }

/*单选/多选*/
/*单选*/
.radio-reset { margin: 0; cursor: pointer; font-weight: normal; }
    .radio-reset > span { display: inline-block; padding-left: 6px; vertical-align: 3px; }
    .radio-reset > input[type="radio"] { margin: 0; outline: none; -webkit-appearance: none; appearance: none; width: 16px; height: 16px; background: white; border: 1px solid #ddd; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; border-radius: 100%; }
        .radio-reset > input[type="radio"]:hover { cursor: pointer; }
        .radio-reset > input[type="radio"]:active { border-color: #464648; }
        .radio-reset > input[type="radio"]:checked { }
            .radio-reset > input[type="radio"]:checked::after { position: absolute; top: 3px; left: 3px; content: ""; background-color: #666; border-radius: 1rem; width: 8px; height: 8px; }
        .radio-reset > input[type="radio"][disabled="disabled"] { border: 1px solid #F70852; cursor: no-drop; }
            .radio-reset > input[type="radio"][disabled="disabled"]::after { border: 1px solid #F70852 !important; cursor: no-drop !important; }
/*多选*/
.checkbox-reset { margin: 0; cursor: pointer; font-weight: normal; }
    .checkbox-reset > span { display: inline-block; padding-left: 6px; vertical-align: 3px; }
    .checkbox-reset > input[type="checkbox"] { margin: 0; position: relative; border-radius: 2px; outline: none; -webkit-appearance: none; appearance: none; width: 16px; height: 16px; background: #fff; border: 1px solid #ddd; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
        .checkbox-reset > input[type="checkbox"]:hover { cursor: pointer; }
        .checkbox-reset > input[type="checkbox"]:active { border-color: #464648; }
        .checkbox-reset > input[type="checkbox"]:checked { }
            .checkbox-reset > input[type="checkbox"]:checked::after { position: absolute; content: ""; top: -4px; left: 2px; display: block; width: 18px; height: 18px; height: 18px; background-image: url(); background-size: 100% 100%; }
        .checkbox-reset > input[type="checkbox"][disabled="disabled"] { border: 1px solid #F70852 !important; cursor: no-drop !important; }

.width-100px { width: 100px !important; }
.width-200px { width: 200px !important; }
.width-320px { width: 320px !important; }
.width-380px { width: 380px !important; }
.width-400px { width: 400px !important; }

/*全删按钮隐藏动画*/
.alldel-btn-out { animation: all-btn-out .3s .1s ease both; -webkit-animation: all-btn-out .3s .1s ease both; -moz-animation: all-btn-out .3s .1s ease both; -o-animation: all-btn-out .3s .1s ease both; }

@keyframes all-btn-out {
    0% { transform: scale(1); }
    100% { opacity: 0; transform: scale(.3); }
}

@-webkit-keyframes all-btn-out {
    0% { -webkit-transform: scale(1); }
    100% { opacity: 0; -webkit-transform: scale(.3); }
}

@-moz-keyframes all-btn-out {
    0% { -moz-transform: scale(1); }
    100% { opacity: 0; -moz-transform: scale(.3); }
}

@-o-keyframes all-btn-out {
    0% { -o-transform: scale(1); }
    100% { opacity: 0; -o-transform: scale(.3); }
}

.alldel-btn-in { -webkit-animation-name: all-btn-in; animation-name: all-btn-in; }


@-webkit-keyframes all-btn-in {
    0% { opacity: 0; -webkit-transform: scale(.5); transform: scale(.5); }
    100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}

@keyframes all-btn-in {
    0% { opacity: 0; -webkit-transform: scale(.5); -ms-transform: scale(.5); transform: scale(.5); }
    100% { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
}


.remove-border-lr { border-left: 0 !important; border-right: 0 !important; }
.remove-border-l { border-left: 0 !important; }

.margin-left-20px { margin-left: 20px; }
.alert { padding-left: 0; padding-right: 0; margin-bottom: 0; }


/*弹性布局*/
.flex { display: flex; display: -webkit-box; display: -moz-box; }
.flex-wrap { flex-wrap: wrap; }
.flex > div { flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1; }
.flex-0 > div { flex: 0 !important; -webkit-box-flex: 0 !important; -moz-box-flex: 0 !important; }


.calendar { cursor: pointer; }
.float-left { float: left; }
.float-right { float: right; }
.search-single > div:not(:last-child) { padding-right: 6px; }

/*上图图片*/
.img-group { display: flex; display: -webkit-box; display: -moz-box }
    .img-group > .example { flex: 0; -webkit-box-flex: 0; -moz-box-flex: 0; margin: 10px 10px 10px 0 }
        .img-group > .example img { min-width: 100px; min-height: 100px }
.img-group-btn { margin-top: 10px }